<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="../css/base1.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/l-beauty.css">
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="header-topNav">
            <div class="header-top">
                <div class="fl header-top-left">
                    <div class="header-icon   fl">
                        <i class="iconfont .icon-weizhi red">&#xe61b;</i>
                        <span>郑州市</span>
                        <div class="header-zen"></div>
                    </div>
                    <!-- 位置搜索 -->
                    <div class="header-location">
                        <div class="header-hot">
                            <a href="#">苏州市</a>
                            <a href="#">北京市</a>
                            <a href="#">天津市</a>
                            <a href="#">上海市</a>
                        </div>
                        <div class="header-letter">
                            <a href="#" data-letter="A">A</a>
                            <a href="#" data-letter="B">B</a>
                            <a href="#" data-letter="C">C</a>
                            <a href="#" data-letter="D">D</a>
                            <a href="#" data-letter="E">E</a>
                            <a href="#" data-letter="F">F</a>
                            <a href="#" data-letter="G">G</a>
                            <a href="#" data-letter="H">H</a>
                            <a href="#" data-letter="J">J</a>
                            <a href="#" data-letter="K">K</a>
                            <a href="#" data-letter="L">L</a>
                            <a href="#" data-letter="M">M</a>
                            <a href="#" data-letter="N">N</a>
                            <a href="#" data-letter="P">P</a>
                            <a href="#" data-letter="Q">Q</a>
                            <a href="#" data-letter="R">R</a>
                            <a href="#" data-letter="S">S</a>
                            <a href="#" data-letter="T">T</a>
                            <a href="#" data-letter="W">W</a>
                            <a href="#" data-letter="X">X</a>
                            <a href="#" data-letter="Y">Y</a>
                            <a href="#" data-letter="Z">Z</a>
                        </div>
                        <div class="header-scrollboty">
                            <div class="header-allList fl">
                                <ul id="header-lists">
                                    <li>
                                        <em data-name="A">A</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="B">B</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="C">C</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="D">D</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="E">E</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="F">F</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="G">G</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="H">H</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="J">J</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="K">K</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="L">L</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="M">M</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="N">N</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="P">P</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="Q">Q</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="R">R</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="S">S</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="T">T</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="W">W</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">安顺市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="X">X</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                            <a href="#">澳门</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="Y">Y</em>
                                        <div class="header-item-city">
                                            <a href="#">安庆市</a>
                                            <a href="#">安阳市</a>
                                            <a href="#">安康市</a>
                                        </div>
                                    </li>
                                    <li>
                                        <em data-name="Z">Z</em>
                                        <div class="header-item-city">
                                            <a href="#">郑州市</a>
                                            <a href="#" class="city-selected">周口市</a>
                                            <a href="#">驻马店市</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="header-scorllBar">
                                <p class="header-bar"></p>
                            </div>
                        </div>
                    </div>

                    <div class="fl header-enter">
                        <span class="red"><a href="#" class="red">请登录</a> </span>
                        <span><a href="#" class="log">免费注册</a> </span>
                    </div>
                </div>
                <ul class="fr header-top-right">
                    <li><a href="#">我的订单</a></li>
                    <li class="header-spacer"></li>
                    <li><a href="#">我的浏览</a></li>
                    <li class="header-spacer"></li>
                    <li><a href="#">我的收藏</a></li>
                    <li class="header-spacer"></li>
                    <li><a href="#">客户服务</a></li>
                    <li class="header-spacer"></li>
                    <li class="header-for">
                        网站导航<i class="iconfont .icon-down">&#xe600;</i>
                        <div class="header-dorpdown1">
                            <div class="header-fore-white"></div>
                            <dl class="header-fore1 fl">
                                <dt>特色主题</dt>
                                <dd><a href="#">家用电器</a></dd>
                                <dd><a href="#">男装女装</a></dd>
                                <dd><a href="#">鞋靴箱包</a></dd>
                            </dl>
                            <dl class="header-fore2 fl">
                                <dt>促销活动</dt>
                                <dd><a href="#">拍卖活动</a></dd>
                                <dd><a href="#">共创商品</a></dd>
                                <dd><a href="#">积分商城</a></dd>
                                <dd><a href="#">CMS频道</a></dd>
                                <dd><a href="#">优惠活动</a></dd>
                                <dd><a href="#">超值礼包</a></dd>
                                <dd><a href="#">优惠券</a></dd>
                                <dd><a href="#">礼品卡</a></dd>
                                <dd><a href="#">预售商品</a></dd>
                            </dl>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="header-nav">
            <div class="header-nav-top">
                <div class="header-logo fl ">
                    <a href="index.html"><img src="../images/shop_logo.gif" alt=""></a>

                </div>
                <div class="header-search fl">
                    <form action="">
                        <input type="text" placeholder="周大福">
                        <button>搜商品</button>
                        <button>搜店铺</button>
                    </form>
                    <ul>
                        <li>
                            <a href="#">周大福</a>
                        </li>
                        <li>
                            <a href="#">内衣</a>
                        </li>
                        <li>
                            <a href="#">Five Plus</a>
                        </li>
                        <li>
                            <a href="#">手机</a>
                        </li>
                    </ul>
                </div>
                <div class="header-shopping fr">
                    <a href="#">
                        <i class="iconfont .icon-03" id="icon-font">&#xe7bd;</i>
                        <span class="red">我的购物车</span>
                        <em class="em-bord">0</em>
                    </a>
                </div>
                <div class="header-dorpdown">
                    <div class="header-noggods">
                        <img src="../images/cart-nogoods.png" class="fl" alt="">
                        <span>购物车中还没有商品，赶紧选购吧！</span>
                    </div>
                    <div class="header-white"></div>
                </div>
            </div>
            <div class="header-nav-buttom">
                <div class="header-cat"><a href="#" target="_blank">全部商品分类</a>
                    <div class="navitems-wrap layer">
                        <ul class="fl">
                            <li class="goods-variety">
                                <ul class="variety clearfix">
                                    <li class="variety-item">
                                        <span class="iconfont icon-weibolu"></span>
                                        <strong class=".text-left "><a href="#" class="">家用电器</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>
                                    <li class="variety-item">
                                        <span class="iconfont icon-nanzhuang"></span>
                                        <strong class=".text-left "><a href="#" class="">男装、女装、内衣</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>
                                    <li class="variety-item">
                                        <span class="iconfont icon-xiexue"></span>
                                        <strong class=".text-left "><a href="#" class="">鞋靴、箱包、钟表、奢侈品</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>
                                    <li class="variety-item">
                                        <span class="iconfont icon-xiangji"></span>
                                        <strong class=".text-left "><a href="#" class="">手机、数码、通信</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>
                                    <li class="variety-item">
                                        <span class="iconfont icon-dashujutubiao--"></span>
                                        <strong class=".text-left "><a href="#" class="">电脑、办公</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>
                                    <li class="variety-item">
                                        <span class="iconfont icon-chuang"></span>
                                        <strong class=".text-left "><a href="#" class="">家居、家具、家装、厨具</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>
                                    <li class="variety-item">
                                        <span class="iconfont icon-meizhuang"></span>
                                        <strong class=".text-left "><a href="#" class="">个体美妆</a></strong><br>
                                        <span><a href="#">厨房电器</a>
                                                <a href="#">大家电</a></span>
                                    </li>

                                </ul>
                                <ul class="l-zz">
                                    <!-- 商品分类hover的内容 -->
                                    <li id='zzzzzz'>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">
                                                    <img src="../images/y-logo5.jpg" alt="">
                                                    <img src="../images/y-logo6.jpg" alt="">
                                                    <img src="../images/y-logo7.jpg" alt="">
                                                    <img src="../images/y-logo8.jpg" alt="">
                                                    <img src="../images/y-logo9.jpg" alt="">
                                                    <img src="../images/y-logo10.jpg" alt="">
                                                    <img src="../images/y-logo11.jpg" alt="">
                                                    <img src="../images/y-logo12.jpg" alt="">
                                                    <img src="../images/y-logo13.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>


                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">
                                                    <img src="../images/y-logo5.jpg" alt="">
                                                    <img src="../images/y-logo6.jpg" alt="">
                                                    <img src="../images/y-logo7.jpg" alt="">
                                                    <img src="../images/y-logo8.jpg" alt="">
                                                    <img src="../images/y-logo9.jpg" alt="">
                                                    <img src="../images/y-logo10.jpg" alt="">
                                                    <img src="../images/y-logo11.jpg" alt="">
                                                    <img src="../images/y-logo12.jpg" alt="">
                                                    <img src="../images/y-logo13.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>


                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">
                                                    <img src="../images/y-logo5.jpg" alt="">
                                                    <img src="../images/y-logo6.jpg" alt="">
                                                    <img src="../images/y-logo7.jpg" alt="">
                                                    <img src="../images/y-logo8.jpg" alt="">
                                                    <img src="../images/y-logo9.jpg" alt="">
                                                    <img src="../images/y-logo10.jpg" alt="">
                                                    <img src="../images/y-logo11.jpg" alt="">
                                                    <img src="../images/y-logo12.jpg" alt="">
                                                    <img src="../images/y-logo13.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>


                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cate-layer-con clearfix">
                                            <div class="layer-con-left fl">
                                                <div class="con-left-nav">
                                                    <a href="#">品牌日</a>
                                                    <a href="#">家电城</a>
                                                    <a href="#">智能生活馆</a>
                                                    <a href="#">京东净化馆</a>
                                                    <a href="#">京东帮助馆</a>
                                                </div>
                                                <div class="con-left-conter clearfix">
                                                    <ul class="con-left-conter">
                                                        <!-- 一个商品分类li  -->
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>
                                                        <li class="con-left-conter1 clearfix">
                                                            <div class="left-conter1-title fl"><a href="#">家用电器</a></div>
                                                            <div class="left-conter1-text fl">
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                                <a href="#">电饭煲</a>
                                                            </div>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="layer-con-right fr">
                                                <div class="small-img">
                                                    <img src="../images/y-logo1.jpg" alt="">
                                                    <img src="../images/y-logo2.jpg" alt="">
                                                    <img src="../images/y-logo3.jpg" alt="">
                                                    <img src="../images/y-logo4.jpg" alt="">
                                                    <img src="../images/y-logo5.jpg" alt="">
                                                    <img src="../images/y-logo6.jpg" alt="">
                                                    <img src="../images/y-logo7.jpg" alt="">
                                                    <img src="../images/y-logo8.jpg" alt="">
                                                    <img src="../images/y-logo9.jpg" alt="">
                                                    <img src="../images/y-logo10.jpg" alt="">
                                                    <img src="../images/y-logo11.jpg" alt="">
                                                    <img src="../images/y-logo12.jpg" alt="">
                                                    <img src="../images/y-logo13.jpg" alt="">

                                                </div>
                                                <div class="big-img">
                                                    <img src="../images/y-logo20.jpg" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 全部商品下的tab切换  -->

                <div class="header-max-nav ">
                    <ul>
                        <li><a href="">首页</a></li>
                        <li class="l-beautytitle"><a href="">个护美妆</a></li>
                        <li><a href="">服装城</a></li>
                        <li><a href="">家用电器</a></li>
                        <li><a href="">鞋靴箱包</a></li>
                        <li><a href="">聚划算</a></li>
                        <li><a href="">预售</a></li>
                        <li><a href="">店铺街</a></li>
                        <li><a href="">品牌专区</a></li>
                        <li><a href="">公告</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体 -->
    <main>
        <!-- 热门推荐 -->
        <div class="l-h">
            <div class="l-headleft">
                热门推荐
            </div>
            <div class="l-head">
                <ul class="l-headright"></ul>
            </div>
        </div>
        <!-- 种类 -->
        <div class="l-cl">
            <div class="l-clh">
                <a href="">
                    <span>个人化妆、清洁用品</span>
                </a>
                <i class="iconfont .icon-down">&#xe613;</i>
            </div>
            <div class="l-hov">
                <ul>
                    <li>
                        <a href="">面部护肤</a>
                    </li>
                    <li>
                        <a href="">洗发护发</a>
                    </li>
                    <li>
                        <a href="">香水彩妆</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 品牌 -->
        <div class="l-pinpai">
            <div class="l-font">品牌:</div>
            <ul class="l-shang">
                <li>
                    <img src="../images/01.jpg" alt="">
                </li>
                <li>
                    <img src="../images/02.jpg" alt="">
                </li>
                <li>
                    <img src="../images/03.jpg" alt="">
                </li>
                <li>
                    <img src="../images/04.jpg" alt="">
                </li>
                <li>
                    <img src="../images/05.jpg" alt="">
                </li>
                <li>
                    <img src="../images/06.jpg" alt="">
                </li>
                <li>
                    <img src="../images/07.jpg" alt="">
                </li>
                <li>
                    <img src="../images/08.jpg" alt="">
                </li>
            </ul>
            <ul class="l-xia">
                <li><a href="">justyle</a></li>
                <li><a href="">宝姿</a></li>
                <li><a href="">皮克朋</a></li>
                <li><a href="">NINE WEST</a></li>
                <li><a href="">飞利浦</a></li>
                <li><a href="">麦斯威尔</a></li>
                <li><a href="">小米</a></li>
                <li><a href="">佳沪数码-华为</a></li>
            </ul>
            <div class="l-right">
                <div class="l-font01"><i class="iconfont .icon-down">&#xe613;</i></div>
                <div class="l-font02">+多选</div>
            </div>
        </div>
        <!-- 排序 -->
        <div class="l-paixu">
            <ul class="l-ulleft">
                <li class="l-ls">默认<span><i class="iconfont .icon-down">&#xe614;</i></span></li>
                <li>销量<span><i class="iconfont .icon-down">&#xe60f;</i></span></li>
                <li>新品<span><i class="iconfont .icon-down">&#xe60f;</i></span></li>
                <li>评论数<span><i class="iconfont .icon-down">&#xe60f;</i></span></li>
                <li>价格<span><i class="iconfont .icon-down">&#xe60f;</i></span></li>
                <li class="l-sss">
                    <input type="text" placeholder="¥">~
                    <input type="text" placeholder="¥">
                </li>
            </ul>
            <div class="l-centext">
                <span></span>包邮
                <span></span>自营商品
                <span></span>仅显示有货
            </div>
            <ul class="l-ulright">
                <li>
                    1/1 <span><i class="iconfont .icon-down">&#xe60d;</i></span>
                    <span><i class="iconfont .icon-down">&#xe60a;</i></span>
                </li>
                <li class="l-lll"><span class="l-s"><i class="iconfont .icon-down">&#xe65c;</i>大图</span>
                    <span><i class="iconfont .icon-down">&#xe608;</i>小图</span>
                </li>
            </ul>
            <div class="l-pai1">
                <button>清空</button>
                <button>确定</button>
            </div>
        </div>
        <!-- 商品 -->
        <div class="l-shop">
            <!-- 大图 -->
            <ul class="l-leftshop"></ul>
            <!-- 小图 -->
            <ul class="l-xiao">
            </ul>
            <!-- 推广商品 -->
            <div class="l-rightshop">
                <div class="l-q1"><i class="iconfont .icon-down">&#xe60a;</i></div>
                <div class="l-q3">
                    <p>推广商品</p>
                    <ul class="l-q4"></ul>
                </div>
            </div>
            <!-- 对比栏 -->
            <div class="l-compare" style="display: none;">
                <div class="l-compare1">对比栏</div>
                <div class="l-compare2">
                    <ul>
                        <li><span>1</span> <span>您还可以继续添加</span></li>
                        <li><span>2</span> <span>您还可以继续添加</span></li>
                        <li><span>3</span> <span>您还可以继续添加</span></li>
                        <li><span>4</span> <span>您还可以继续添加</span></li>
                    </ul>
                </div>
                <div class="l-compare3">
                    <button>对比</button>
                    <span>清空对比栏</span>
                </div>
                <p>隐藏</p>
            </div>
        </div>
    </main>
    <script src="../js/header.js"></script>
    <script src="../js/l-beauty-arr.js"></script>
    <script src="../js/l-beauty.js"></script>
</body>

</html>